<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8" />
    <title>点赞</title>

    <link
      rel="stylesheet"
      th:href="@{/static/css/replymask.css}"
      type="text/css"
    />
    <link
      rel="stylesheet"
      th:href="@{/static/css/message.css}"
      type="text/css"
    />
    <link
      rel="stylesheet"
      th:href="@{/static/css/common.css} "
      type="text/css"
    />
    <link
      rel="stylesheet"
      th:href="@{/static/css/iconfont01.css}"
      type="text/css"
    />
  </head>

  <body>
    <div th:replace="~{unlogin::mask}"></div>
    <div th:replace="~{message-comment::message-top}"></div>
    <div th:replace="~{home::publishBlogBox}"></div>
    <div id="content">
      <div class="list">
        <p>消息</p>
        <ul>

          <a th:href="@{/user/getOthersCommentOfMe}">
            <span><i class="iconfont">&#xe638;</i></span>
            评论
          </a>
          <a th:href="@{/user/getOthersLikeOfMe}" th:classappend="color">
            <span><i class="iconfont">&#xe62b;</i></span>
            赞
          </a>
          <a th:href="@{/my/getReportForUser}">
            <span><i class="iconfont">&#xe6b0;</i></span
            >违规通知</a
          >
        </ul>
      </div>
      <div id="news">
       <div class="allnews">
         <div class="news" th:each="likes:${list}">
           <div class="news-top">
             <a
                     href="../js/"
                     th:href="@{/user/toOnesInfo(id=${likes.userId})}"
                     class="head-link"
             >
               <div class="head">
                 <img
                         src="/weibo/static/img/banner.jpg"
                         th:src="@{${likes.othersInfo.avatarUrl}}"
                         alt=""
                 />
               </div>
             </a>
             <div class="top-details">
               <a href="" class="name">
                 <p th:text="${likes.othersInfo.username}">XXX</p>
               </a>
               <p
                       class="time"
                       th:text="|${likes.likeTime} ${likes.othersInfo.address}|"
               >
                 3-18
               </p>
             </div>
           </div>
           <div class="message-content">
             <p th:if="${likes.state==0}" th:text="赞了这条微博"></p>
             <p th:if="${likes.state==1}">赞了这条评论</p>
           </div>

           <a class="message-container" th:if="${likes.state==0}" th:href="@{/blog/skipInEnvelope(id=${likes.blogId})}">
             <div class="message-content-img">
               <img
                       src="../../static/img/banner.jpg"
                       th:if="${likes.blogUrl}"
                       th:src="@{${likes.blogUrl}}"
                       alt=""
               />
               <img
                       th:unless="${likes.blogUrl}"
                       th:src="@{${likes.myInfo.avatarUrl}}"
               />
             </div>
             <div class="message-content-text">
               <p>
                 <span>@</span><span th:text="${likes.myInfo.username}"></span>
               </p>
               <p th:text="${likes.blogText}" class="message-content-blog">XXX</p>
             </div>
           </a>
           <div class="message-container-box" th:if="${likes.state}==1" th:href="@{/blog/skipInEnvelope(id=${likes.blogId})}">
             <div class="message-container-item1">
               <a class="color" th:text="'@'+${likes.myInfo.username}">@XXX</a
               ><span th:text="':'+${likes.commentText}"></span>
             </div>
             <div class="message-container">
               <div class="message-content-img">
                 <img
                         th:if="${likes.blogUrl}"
                         th:src="@{${likes.blogUrl}}"
                         alt=""
                 />
                 <img
                         th:unless="${likes.blogUrl}"
                         th:src="@{${likes.myInfo.avatarUrl}}"
                 />
                 <!-- <img
                   th:unless="${comment.url}"
                   th:src="@{${comment.myAvatar}}"
                   alt=""
                 /> -->
               </div>
               <div class="message-content-text">
                 <p>
                  <span>@</span
                  ><span th:text="${likes.myInfo.username}">XXX</span>
                 </p>
                 <p th:text="${likes.blogText}" class="message-content-blog"></p>
               </div>
             </div>
           </div>
           <!--          <div class="foot">-->
           <!--            <div class="reply">-->
           <!--              <i class="iconfont">&#xe695;</i>-->
           <!--              <span class="rep">回复</span>-->
           <!--            </div>-->
           <!--          </div>-->
         </div>
       </div>
        <p class="none hidden">暂时没有更多内容了</p>



      </div>
      <div id="right-bar">
        <div id="hot" class="hotright">
          <div class="hot-top">
            <div class="hot-top-content"><p>热搜</p></div>
            <div class="refresh"><i class="iconfont">&#xe661;</i>点击刷新</div>
          </div>
          <div class="allHotList">
            <div class="hot-list" th:each="hot,list:${hotSearchBlog}">
              <span th:class="|rank${list.count}|" th:text="${list.count}"
                >3</span
              ><a th:text="${hot}">222222222222</a>
            </div>

            <!--          <div class="hot-list">-->
            <!--            <span class="rank5">5</span><a>222222222222</a>-->
            <!--          </div>-->
            <!--          <div class="hot-list">-->
            <!--            <span class="rank6">6</span><a>222222222222</a>-->
            <!--          </div>-->
            <!--          <div class="hot-list">-->
            <!--            <span class="rank7">7</span><a>222222222222</a>-->
            <!--          </div>-->
            <!--          <div class="hot-list">-->
            <!--            <span class="rank8">8</span><a>222222222222</a>-->
            <!--          </div>-->
            <!--          <div class="hot-list">-->
            <!--            <span class="rank9">9</span><a>222222222222</a>-->
            <!--          </div>-->
            <!--          <div class="hot-list">-->
            <!--            <span class="rank10">10</span><a>222222222222</a>-->
            <!--          </div>-->
            <a href="" class="all-hot"><div>查看完整榜单</div></a>
          </div>

          <a class="return-top" href="#">
            <i class="iconfont">&#xea7d;</i>
          </a>
        </div>
      </div>
    </div>
  </body>
  <!--评论及设置-->
  <script
    type="text/javascript"
    src="../../static/js/jquery3.7.1.min.js"
    th:src="@{/static/js/jquery3.7.1.min.js}"
  ></script>
  <script th:src="@{/static/js/common.js}" type="text/javascript"></script>
  <script th:src="@{/static/js/replymask.js}" type="text/javascript"></script>
  <script th:inline="javascript" type="text/javascript"></script>
  <script th:src="@{/static/js/loadingLike.js}" type="text/javascript"></script>
  <script th:inline="javascript">
    let alnews=document.getElementsByClassName("news");

    if(alnews.length==0){
      document.querySelector("#news").innerHTML=`<div class="news empty">暂无数据</div>`
    }
  </script>
</html>
